<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<jsp:include page="incoud.jsp"/>
</head>
<body class="hold-transition register-page">
	<div class="register-box">
		<div class="register-logo">
			<a href=""><b>Admin</b>LTE</a>
		</div>
		
		<div class="register-box-body">
			<p class="login-box-msg">Register a new membership</p>
			
			<sf:form servletRelativeAction="/register" method="post" modelAttribute="reigsterBean">
				<sf:hidden path="createAdmin"/>
				<div class="form-group has-feedback">
					<sf:input path="username" cssClass="form-control" placeholder="Full name"/>
					<span class="glyphicon glyphicon-user form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<sf:input path="email" cssClass="form-control" placeholder="Email"/>
					<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<sf:password path="password" cssClass="form-control" placeholder="Password"/>
					<span class="glyphicon glyhicon-lock form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<sf:password path="retypePassword" cssClass="form-control" placeholder="Retypr Password"/>
					<span class="glyphicon glyphicon-log-in form-control-feedback"></span>
				</div>
				<div class="row">
					<div class="col-xs-8">
						<div class="checkbox icheck">
							<label>
								<input type="checkbox"> I agree to the <a href="#">trems</a>
							</label>
						</div>
					</div>
					
					<div class="col-xs-4">
						<button type="submit" class="btn btn-primary btn-block btn-flat">Register</button>
					</div>
				</div>
			</sf:form>
			<a href="<s:url value="/login"/>" class="text-center">I already have a membership</a>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function(){
			$('input').iCheck({
		      checkboxClass: 'icheckbox_square-blue',
		      radioClass: 'iradio_square-blue',
		      increaseArea: '20%' // optional
		    });
		});
	</script>
</body>
</html>